/**
 * @功能描述: 基础tag样式组件
 * @author: lzn
 * @date: 2022-09-22 11:35:48
 * @version: 1.0
 */
@import '../../style/index.scss';

// 标签位置相关
@mixin base-tag--layout {
  padding: 0 $tag-padding;
  display: inline-block;
  height: auto;
  line-height: 20px;
}

// 标签样式
@include b(base-tag) {
  @include base-tag--layout;
  font-size: $tag-font-size;
  white-space: nowrap;
  background: $tag-background;
  border: $border-base;
  border-radius: $border-radius-base;
  // 标签内a标签样式
  >a {
    display: inline-block;
    margin-left: -$tag-padding - 1;
    margin-right: -$tag-padding - 1;
    padding: 0 ($tag-padding + 1);
  }
}